<template>
  <div class="take">
    <div class="take-header-wrapper"><TakeHeader></TakeHeader></div>
    <div class="take-content-wrapper"><take-content></take-content></div>
    <div class="take-footer-wrapper"><TakeFooter></TakeFooter></div>
  </div>
</template>

<script>
import TakeHeader from '@/components/take/header/header.vue';
import TakeFooter from '@/components/public/footer/footer.vue';
import TakeContent from '@/components/take/content/content.vue';
import '@/assets/css/reset.css';

export default {
  components: {
    TakeHeader,
    TakeFooter,
    TakeContent
  }
};
</script>

<style lang="stylus" rel="stylussheet/stylus">
.take-header-wrapper
  position sticky
  z-index 999
  top 0
  width 100%
  height 4.375rem
  box-shadow 0 3px 100px rgba(7, 17, 27, 0.2)
  background-color #FFFFFF
.take-content-wrapper
  width 100%
  background #f5f5f5
</style>
